<template>
  <div>
    <lists :list="list"></lists>
  </div>
</template>

<script setup>
import { onMounted, ref } from "vue";
import lists from "./lists.vue";
import { getListData } from "../http/http";

const list = ref([]);
const getData = async () => {
  const res = await getListData();
  list.value = res.data;
};

onMounted(() => {
  getData();
});
</script>

<style scoped></style>
